{% extends "layout.html.twig" %}

{% block title %}
    {{ parent() }} - Online CV
{% endblock %}

{% block meta %}
    <meta name="description" content="Online CV" />
    <meta name="keywords" content="Loic Chardonnet, online, CV, resume" />
{% endblock %}

{% block content %}
    <header>
        <h1>Welcome to my online CV</h1>
        
        <p>
            Hi, my name is Lo&iuml;c Chardonnet, an enthusiastic, experienced
            and talented web developer, ready to use Symfony and whatever it
            takes to get the job done. I try to contribute to
            <a href="https://github.com/gnugat" title="On Github">open source projects</a> while
            running <a href="http://code.google.com/u/101899767829631376535/" title="On Google Code">some of my own</a>.
        </p>
    </header>

    <div>
        <h2>Experience</h2>

        <ul class="tabs">
            <li><a class="active" href="#experience-timeline">Timeline</a></li>
            <li><a href="#experience-table">Table</a></li>
        </ul>

        <ul class="tabs-content">
            <li class="active" id="experience-timeline">
                <div id="my-timeline" style="height: 150px; border: 1px solid #aaa"></div>
            </li>
            <li id="experience-table">
                <dl>
                    <dt>
                        <a href="http://www.symfony-project.org/" title="symfony 1.4">sf</a>
                        & <a href="http://drupal.org/" title="Drupal 7">Drupal</a>
                        dev
                    </dt>
                    <dd>
                        <a href="http://corexpert.net/">CoreXPert</a>,
                        internship, social web backend & CMS showcase website
                    </dd>
                    <dt>Backend dev</dt>
                    <dd>
                        <a href="http://corexpert.net/">CoreXPert</a>,
                        part time job, advertisement backend development
                    </dd>
                    <dt>Web app dev</dt>
                    <dd>
                        <a href="http://www.biomerieux.fr/">bioM&eacute;rieux</a>,
                        internship, conception & development of a right management app
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
    
    <div class="eight columns alpha">
        <h2>Education</h2>

        <ul class="tabs">
            <li><a class="active" href="#education-map">Map</a></li>
            <li><a href="#education-table">Table</a></li>
        </ul>

        <ul class="tabs-content">
            <li class="active" id="education-map">
                <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.co.uk/maps/ms?msid=200042638174231785716.0004bd15555a645605f55&amp;msa=0&amp;ie=UTF8&amp;t=h&amp;ll=50.764259,1.669922&amp;spn=12.018597,28.54248&amp;output=embed"></iframe><br />
                <small>View <a href="http://maps.google.co.uk/maps/ms?msid=200042638174231785716.0004bd15555a645605f55&amp;msa=0&amp;ie=UTF8&amp;t=h&amp;ll=50.764259,1.669922&amp;spn=12.018597,28.54248&amp;source=embed" style="color:#0000FF;text-align:left">Education</a> in a larger map</small>
            </li>
            <li id="education-table">
                <dl>
                    <dt><a href="http://www.keele.ac.uk/">Keele University</a></dt>
                    <dd>Computer Science and Management</dd>
                    <dt><a href="http://www.epitech.eu/">EPITECH Lyon</a></dt>
                    <dd>Expertise en informatique, license Degree</dd>
                    <dt><a href="http://www.arbez-carme.com/">Lyc&eacute;e Arbez Carme</a></dt>
                    <dd>
                        <a href="http://en.wikipedia.org/wiki/Baccalaur%C3%A9at#S.C3.A9rie_scientifique_.28S.29">
                            Baccalaur&eacute;at S - SI
                        </a>
                        , A degree
                    </dd>
                </dl>
            </li>
        </ul>
    </div>
{% endblock %}

{% block javascript %}
    <script src="http://api.simile-widgets.org/timeline/2.3.1/timeline-api.js?bundle=true" type="text/javascript"></script>
    <script src="js/OnLoadTimeline.js" type="text/javascript"></script>
    <script src="js/OnReloadTimeline.js" type="text/javascript"></script>
{% endblock %}
